<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

	<p:accordionPanel id="accordionPanel" styleClass="peel-accordion" activeIndex="#{menu.activeIndex}">
		<p:ajax event="tabChange" listener="#{menu.changeActiveIndex}" />  
 
		<p:tab title="#{appMsg['drivers']}" id="driversTab">
			<p:button id="driver" value="#{appMsg['create']} #{appMsg['driver']}" outcome="driver"
				styleClass="peel-accordion-button" />
			<p:button value="#{appMsg['list']} #{appMsg['drivers']}" outcome="drivers"
				styleClass="peel-accordion-button"  id="drivers"/>
		</p:tab>

		<p:tab title="#{appMsg['teams']}" id="teamsTab">
			<p:button value="#{appMsg['list']} #{appMsg['teams']}" outcome="teams" styleClass="peel-accordion-button" />
		</p:tab>

		<p:tab title="#{appMsg['levels']}" id="levelsTab">
			<p:button value="#{appMsg['list']} #{appMsg['levels']}" outcome="levels" styleClass="peel-accordion-button" />
		</p:tab>
	</p:accordionPanel>
</ui:composition>
